// --------------------数据回填------------------------
// 只要是修改操作，全都需要数据回填
// 数据回填: 就是获取到原来的数据，设置输入框的默认值即可
function renderUser() {
  // 获取用户的数据，设置输入框的默认值
  axios.get('/my/user/userinfo').then(res => {
    // console.log(res);
    // 普通的数据回填
    // let { username, nickname, email } = res.data.data;
    // $('input[name=username]').val(username);
    // $('input[name=nickname]').val(nickname);
    // $('input[name=email]').val(email);

    // 使用 layui 提供的form.val() 进行数据回填
    let form = layui.form;
    // form.val('表单的 lay-filter 属性值','数据，必须是对象格式，对象的键必须等于输入框的name值');
    form.val('form', res.data.data);
  })
};
// 调用函数
renderUser();


// --------------------完成修改------------------------
$('form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize();  // 账号禁用了，获取不到信息
  axios.post('/my/user/userinfo', data).then(res => {
    let { status, message } = res.data;
    if (status === 0) {
      layer.msg(message);
      // 更新 index.html 页面的 name
      // 调用 父页面(index.js) 中封装的函数的两个必备条件
      //     使用iframe把两个页面联系到一起，形参父子页面的形式
      //     必须是真实的服务器环境才行(必须使用live server 打开页面)
      window.parent.getUserInfo();
    }
  })
})


// --------------------重置功能------------------------
$('button[type=reset]').on('click', function (e) {
  e.preventDefault();
  // 阻止重置按钮清空表单内容，而是执行数据回填函数，重置回刚打开个人中心界面时的状态
  renderUser();
})
